<template>
	<view class="content" v-cloak>
	  <form @submit="formSubmit">
		<view class="cu-form-group">
			<view class="title">手机号</view>
			<input placeholder="输入手机号" type="number"  name="phone"></input>
		</view>
		<view class="cu-form-group">
			<view class="title">验证码</view> 
			<input placeholder="输入验证码" type="number" name="code"></input>
			<button class='cu-btn bg-green '>发送验证码</button>
		</view>
		<view class="cu-form-group">
			<view class="title">新密码</view>
			<input placeholder="输入新密码" type="text" password name="npwd"></input>
		</view>
		<view class="cu-form-group">
			<view class="title">确认密码</view>
			<input placeholder="再次输入新密码" type="text" password name="npwds"></input>
		</view>
		<view class="padding flex flex-direction">
			<button form-type="submit" class="cu-btn bg-grey lg">保存密码</button>
		</view>
	</form>	
	</view>	
</template>

<script>
	export default {
		data(){
			return{

			}
		},
		onShow() {
			this.$msgchat.initwork();
		},
		onLoad(){
			
		},
		methods:{
			formSubmit: function(opt){
				
			}
		}
	}
</script>

<style lang="scss">
	
	page{
		height: 100%;
		background: $uni-color-bei;
	}	
	.cu-form-group:nth-child(1){
		border-top: 1px solid $uni-color-bei;
	}
	.bg-green{
		background: #fff;
		color: $uni-bt-color;
	}
	.title{
		min-width: 150upx;
	}
	.shadow{
		box-shadow: #fff!important;
	}
	[v-cloak] {
	  display: none;
	}
	.lg{
		background: $uni-bt-color;
		color: #fff;
		width: 90%;
		position: fixed;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: auto;
	}
</style>
